@import '../storebase1';
@import '../components/maincontainer';
@import '../components/swiper-min';

img{
    display: block;
    width: 100%;
}

.pd-35{
    padding: 0 px2rem(35);
    //padding: 0 .175rem;
}

.end-flag{
    display: inline-block;
    width: px2rem(15);
    //width: .075rem;
    height: px2rem(15);
    //height: .075rem;
    background: #e61615;
}

.article-wrapper{
    padding-bottom: px2rem(30);
    //padding-bottom: .15rem;
    p{
        color: #333;
        font-size: px2rem(34);
        //font-size: .17rem;
        line-height: px2rem(64);
        //line-height: .32rem;
        text-align:justify;
        padding: px2rem(50) px2rem(35) 0;
        //padding: .25rem .175rem 0;
        a{
            color: #e61615;
        }
    }

    p[style]{
        padding: px2rem(50) 0 0;
        //padding: .25rem 0 0;
    }

    p[class=img-hr]{
        padding: 0 px2rem(35);
        //padding: 0 .175rem;
        height: 1px;
        line-height: 0;
        margin: 0 auto;

        span{
            position: relative;
            border:none;
            display: block;
            padding: 0 px2rem(35);
            //padding: 0 .175rem;
            &:after{
                content: '';
                position: absolute;
                left: 0;
                background: #ccc;
                width: 100%;
                height: 1px;
                -webkit-transform: scaleY(0.5);
                transform: scaleY(0.5);
                -webkit-transform-origin: 0 0;
                transform-origin: 0 0;
            }
        }
    }

    .img-note{
        line-height: px2rem(45);
        //line-height: .225rem;
        padding: px2rem(30) px2rem(35) !important;
        //padding: .15rem .175rem !important;
        color: #666;
        font-size: px2rem(26);
        //font-size: .13rem;
    }

    .article-tag{
        padding-top: px2rem(56);
        //padding-top: .25rem;
        padding-bottom: 0;
        font-size: px2rem(34);
        //font-size: .17rem;
        line-height: inherit;
        color: #e61615;
    }

    .article-title{
        padding-top: px2rem(44);
        //padding-top: .25rem;
        span{
            position: relative;
            display: block;
            font-size: px2rem(44);
            //font-size: .22rem;
            line-height: px2rem(69);
            //line-height: .27rem;
            padding-bottom: px2rem(44);
            //padding-bottom: .25rem;
            &:after{
                content: '';
                position: absolute;
                left: 0;
                bottom: 0;
                background: #ccc;
                width: 100%;
                height: 1px;
                -webkit-transform: scaleY(0.5);
                transform: scaleY(0.5);
                -webkit-transform-origin: 0 0;
                transform-origin: 0 0;
            }
        }
    }

    .author{
        position: relative;
        overflow: hidden;
        padding-top: px2rem(56);
        //padding-top: .25rem;
        .author-ico{
            float: left;
            border-radius: 50%;
            width: px2rem(74);
            //width: .37rem;
            height: px2rem(74);
            //height: .37rem;
            img{
                border-radius: 50%;
            }
        }
        .author-des{
            float: left;
            padding-left: px2rem(16);
            //padding-left: .08rem;
            p{
                padding: 0;
                line-height: inherit;
            }
            .author-nick{
                margin-bottom: px2rem(12);
                //margin-bottom: .06rem;
                font-size: px2rem(30);
                //font-size: .15rem;
                a{
                    color: #e61615;
                }
            }
            .author-time{
                font-size: px2rem(20);
                //font-size: .1rem;
                a{
                    color: #999;
                }
            }
        }
    }
    .no-article{
        color: #333;
        font-size: px2rem(34);
        //font-size: .17rem;
        line-height: px2rem(64);
        //line-height: .32rem;
        padding: px2rem(50) px2rem(35) 0;
        //padding: .25rem .175rem 0;
    }
}

.article-bottom-slide{
    position: relative;
    margin:px2rem(50) px2rem(6) px2rem(6);
    //margin:.25rem .03rem .03rem;
    box-shadow: 0px 0 px2rem(10) 0 rgba(34,25,25,0.1);
    //box-shadow: 0 0 .05rem 0 rgba(34,25,25,0.1);
    #swiper-pagination-atlas{
        position: absolute;
        top: 0;
        height: px2rem(35);
        //height: .175rem;
        line-height: px2rem(38);
        //line-height: .19rem;
        width: px2rem(90);
        //width: .45rem;
        padding: 0 px2rem(15);
        //padding: 0 .075rem;
        background: rgba(0,0,0,.8);
        color: #fff;
        font-size: px2rem(12);
        //font-size: .06rem;
    }
}

.slide-photo-des{
    font-size: px2rem(26);
    //font-size: .13rem;
    margin: px2rem(45) 0 0;
    //margin: .225rem 0 0;
    color: #666;
}

.no-more{
    height: px2rem(60);
    line-height: px2rem(60);
    font-size: px2rem(34);
    text-align: center;
    color: #666;
}
